
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import {
  StyleSheet
} from 'react-native'
import { ONE_PIXEL } from '@/utils/ScreenUtil'
const styles = StyleSheet.create({
  container: {
    height: '100%',
    flex: 1,
    backgroundColor: '#FFFFFF'
    // position: 'relative'
  },
  naviBtnBG: {
    alignItems: 'flex-end',
    marginRight: ScaleS(20),
    alignSelf: 'flex-end'
  },
  CustomImage: {
    position: 'absolute',
    width: ScaleS(18),
    height: ScaleS(20),
    top: ScaleS(8),
    right: ScaleS(40)
  },
  search: {
    height: ScaleS(270)
  },
  TextInput: {
    paddingLeft: ScaleS(21),
    borderRadius: ScaleS(19),
    height: ScaleS(46),
    width: ScaleS(335),
    marginLeft: ScaleS(20),
    backgroundColor: '#F7F7F7'
  },
  mapViews: {
    marginTop: ScaleS(20),
    width: '100%',
    height: ScaleS(270),
    zIndex: 2
  },
  item: {
    flexDirection: 'row',
    alignItems: 'center',
    marginLeft: ScaleS(20),
    marginRight: ScaleS(15),
    marginBottom: ScaleS(5)
  },
  leftIcon: {
    width: ScaleS(10),
    height: ScaleS(10),
    borderRadius: ScaleS(5),
    backgroundColor: '#999',
    marginRight: ScaleS(15)
  },
  right: {
    flex: 1,
    paddingBottom: ScaleS(12),
    borderBottomWidth: ONE_PIXEL,
    borderColor: '#rgba(120, 120, 120, 0.5)',
    borderStyle: 'solid'
  },
  rightTitle: {
    fontSize: ScaleT(16),
    color: '#444',
    marginBottom: ScaleS(11),
    marginTop: ScaleS(15)
  },
  rightText: {
    color: '#999999',
    fontSize: ScaleT(12)
  },
  titleCont: {
    paddingHorizontal: ScaleS(20),
    flexDirection: 'row',
    alignItems: 'flex-start'
  },
  title: {
    marginLeft: ScaleS(2),
    fontSize: ScaleT(25),
    color: '#000000',
    fontWeight: '500',
    lineHeight: ScaleS(35),
    height: ScaleS(35)
  },
  num: {
    marginLeft: ScaleS(6),
    fontSize: ScaleT(18),
    lineHeight: ScaleS(21),
    height: ScaleS(21),
    marginTop: ScaleS(2)
  },
  des: {
    fontSize: ScaleT(15),
    fontWeight: '400',
    color: '#444444',
    lineHeight: ScaleS(30)
  },
  mapView: {
    marginTop: ScaleS(20),
    width: '100%',
    height: ScaleS(270)
  },
  mapbtn: {
    position: 'absolute',
    top: ScaleS(71),
    right: ScaleS(20),
    width: ScaleS(50),
    height: ScaleS(50)
  },
  mapbtn1: {
    top: ScaleS(71)
  },
  mapbtn2: {
    top: ScaleS(149)
  },
  listBg: {
    backgroundColor: '#F3F3F5'
  },
  listWrap: {
    marginTop: ScaleS(-37),
    marginBottom: ScaleS(31),
    marginHorizontal: ScaleS(20),
    paddingTop: ScaleS(2),
    paddingRight: ScaleS(13),
    paddingBottom: ScaleS(16),
    paddingLeft: ScaleS(19),
    backgroundColor: '#FFF',
    borderRadius: ScaleS(10),
    shadowColor: '#E3E5EA',
    shadowOffset: { width: 0, height: ScaleS(2) },
    shadowOpacity: 0.68,
    shadowRadius: ScaleS(59)
  },
  icon: {
    width: ScaleS(30),
    height: ScaleS(30)
  }
})

export default styles
